<template>
<div id="app">
	<component :is="currentLayout"></component>
</div>
</template>

<script>
// @ is an alias to /src
import LayoutNone from '@/layouts/LayoutNone.vue'
import LayoutBase from '@/layouts/LayoutBase.vue'
import Layout1 from '@/layouts/Layout1.vue'
import Layout2 from '@/layouts/Layout2.vue'
import LayoutJava from '@/layouts/LayoutJava.vue'

export default {
	name: 'Home',
	data () {
		return {
			default_layout: 'LayoutNone',
		};
	},
	components: {
		LayoutNone,
		LayoutBase,
		Layout1,
		Layout2,
		LayoutJava,
	},
	computed:{
		currentLayout () {
			return (this.$route.meta.layout || this.default_layout);
		}
	},
	mounted () {
        //console.log(this.Api('queryExampleListItem'));
    },
}
</script>
<style lang="scss">
</style>
